﻿@if (@Request.Cookies["workspace"] == null || @Request.Cookies["cerrado"] == null)
{ 
<script type="text/javascript">
    $(document).ready(function () {
    configurar();
    });
</script>
}
else 
{
 <script type="text/javascript">
    $(document).ready(function () {
        $.getJSON('@Url.Action("GetAnioServiceJson", "AnioLectivo")',
                    { an:@Request.Cookies["workspace"].Value.ToString()},
                        function (data) {
                            $('#titleTip').html('<h3>Espacio de Trabajo Año: ' + data.anio + '</h3>');
                            $('#labelAnio').html(data.desc);

                            if (data.cerrado) {
                                $('#estadoAnio').html('<img src="@Url.Content("~/Content/images/lockG.png")" title="Close" alt="Close" />');
                            } else {
                                $('#estadoAnio').html('<img src="@Url.Content("~/Content/images/openG.png")" title="Open" alt="Open" />');
                            }

                            $("#tool").css('border', '1px solid ' + data.color);
                            $("#tool").css('border-width', '1px 1px 1px 25px');

                            $("#workSpaceColor").height('20px');
                            $("#workSpaceColor").show("slow");
                            $("#workSpaceColor").css('background-color', data.color);
                            $("#workSpaceColor").html(data.desc);
                        });
    });
</script>
}

<script type="text/javascript">
    $(document).ready(function () {
        $("#workSpaceColor").hide();

        $("#showConfig").click(function () {     
            configurar();
        });

        $("#btnAceptar").click(function () {
            
            $("#capaPopUp").fadeOut('slow', function () {
                $('#capaContent').hide('slow');
            });
            $("#popUpDiv").fadeOut('slow');

            var _anio = $("#configAnio").val();
            var _cerrado = $("#confiCerrado").val();

            $.post(
                '@Url.Action("Workspace", "Config")',
                { anio: _anio },
                function (data) {
                    if (data) {
                                location.reload();
                             }
                    else {
                        jAlert("No se puede Configurar el Workspace", "Error");
                    }
                },
                "json"
            );
            
        });

        $("#showConfig").simpletip({
            persistent: false,
            focus: true,
            fixed: true,
            position: 'bottom',
            offset: [0, 30],
            content: '<b>Cambiar Espacio de Trabajo.</b>'             
            });        

        $("#menu").find('#workSpace').each(function () {
            var link = $(document.createElement('span')).addClass('source')
                     .text('Espacio de Trabajo')
                     .prependTo(this)
                     .simpletip({
                         persistent: true,
                         focus: true,
                         position: 'left',
                         offset: [0, 10],
                         content: '<div id="titleTip"><h3>Espacio de Trabajo Año: 2011</h3></div>'
                     });
            var api = link.simpletip();
            var tooltip = $(api.getTooltip());
            var content = $(this).find('#tool').appendTo(tooltip).show();
        });
    });

    function configurar() {

        $("#capaPopUp").css({ height: $(document).height() });
        $("#capaPopUp").fadeIn('slow');
        $("#popUpDiv").fadeIn('slow');

        $.getJSON('@Url.Action("Index", "Config")',
                        function (data) {
                            $("#selectable").html('');
                            $.each(data, function (i, item) {
                                $("#selectable").append('<li class="ui-widget-content"><input type="hidden" value="' + item.anio + '" name="anio" id="anio"/><input type="hidden" value="' + item.Cerrado + '" name="cerrado" id="cerrado"/><spam>' + item.anio + '</spam> - ' + item.desc + '</li>');
                            });
                        });

                        $("#selectable").selectable({
                            stop: function () {
                                var result = $("#configAnio").empty();
                                var _rCerrado = $("#confiCerrado").empty();

                                $(".ui-selected", this).each(function () {
                                    //var opc = $(this).find('spam:eq(0)').html();
                                    var opc = $(this).find('input:eq(0)').val();
                                    var opc1 = $(this).find('input:eq(1)').val();
                                    result.val(opc);
                                    _rCerrado.val(opc1);
                                });                                
                            }
                        });
    }
</script>